<template>
    <div class="shift-to">
        <van-nav-bar title="转入活期计划" left-arrow @click-left="goBack"/>
        <div>
            <div class="content">
                <div class="out">
                    <label for="balance">可用余额</label>
                    <input type="number" placeholder="可用余额为0" id="balance">
                    <router-link :to="{name: 'recharge'}" tag="span">充值</router-link>
                </div>
            </div>
            <div class="content">
                <div class="out">
                    <label for="balancer">转入数量</label>
                    <input type="number" placeholder="最少转入0.002 BTC" id="balancer">
                </div>
            </div>
        </div>
        <div class="confirm">
            <button type="submit" class="btn">确认</button>
        </div>
        <div class="explain">
            <div class="title">转入说明</div>
            <div class="con">
                <p>1、当日18:00前转入，预计T+1开始计息；</p>
                <p>2、当日18:00前转入，预计T+2开始计息；</p>
                <p>3、转入不收取任何费用；</p>
            </div>
        </div>
    </div>
</template>
<script>
import Vue from "vue"
import axios from "axios"
import {
    NavBar,
} from "vant"
export default {
    components: {
        [NavBar.name]: NavBar,
    },
    data() {
        return {

        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
.shift-to {
    .content {
        border-bottom: 1px solid #ebedf0;
        .out {
            display: flex;
            padding: 10px 15px;
            text-align: left;
            font-size: 14px;
            color: #323233;
            label {
                margin-right: 14px;
            }
            input {
                flex: 1;
                border: 0;
            }
            span {
                margin-left: 10px;
                color: #D1A658;
            }
        }
    }
    .confirm {
        padding: 35px 15px;
        font-size: 14px;
        color: #fff;
        .btn {
            padding: 10px;
            width: 100%;
            height: 1.07rem;
            border: 0;
            border-radius: 3px;
            background: #D1A658;
            outline: none;
        }
    }
    .explain {
        padding: 0 15px;
        text-align: left;
        font-size: 12px;
        color: #969799f5;
        .title {
            padding-bottom: 10px;
            font-size: 14px;
            color: #323233;
        }
        .con {
            p {
                padding-bottom: 10px;
            }
        }
    }
}
</style>
